<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>兑换商城</title>
  <link href="./static/css/app.css" rel="stylesheet">
</head>

<body>
  <div id="app" class="bg">
    <div  id="top" class="top">
      <div  class="dou"><i  class="icon"></i> <span  class="text">0</span> <i  class="add"></i></div>
      <div class="account">
        <div class="dui router-link-exact-active router-link-active"><a href="shop.html"><i class="icon"></i>兑换商城</a>
        </div>
        <div class="me"><a href="me.html"><i class="icon"></i>我的</a>
        </div>
      </div>
      <div  class="crash">
        <div class="malert">
          <div class="dialog-cover" style="display: none;"></div>
          <div class="alertC" style="display: none;">
            <div class="comfirm" style="display: none;"><span class="closeBtn"></span>
              <div class="content">
                <div class="text">
                  <div class="dous dous20">20</div> <button class="btn"></button></div>
                <div class="text">
                  <div class="dous dous50">50</div> <button class="btn"></button></div>
                <div class="text">
                  <div class="dous dous300">300</div> <button class="btn"></button></div>
                <div class="text">
                  <div class="dous dous1000">1000</div> <button class="btn"></button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="continer">
      <div class="me" id="me">
          <div class="content">
            <ul class="lists">
              <li class="item" v-for="item in lists">
                  <div class="img">
                    <img :src="item.image" :alt="item.description">
                  </div>
                  <div class="text">
                    <h3 class="name">{{item.name}}</h3>
                    <div class="time">
                      兑换时间:&nbsp;{{item.createTime}}
                    </div>
                    <div class="status">
                      当前状态:&nbsp;{{item.status === 0?'未发货':'已发货'}}
                    </div>
                  </div>
                  <div class="oper">
                      <a class="see"  href="gift.html">查看</a>
                      <!-- <router-link class="cardme" to="/gift"  v-if="item.goodsExtendIds === '1'">获取卡密</router-link> -->
                  </div>
              </li>
            </ul>
          </div>
      <!-- <router-view></router-view> -->
      <div class="loading-container" v-show="!lists.length">
        <Loading></Loading>
      </div>
      </div>
    </div>
    <div class="malert">
      <div class="dialog-cover" style="display: none;"></div>
      <div class="alertC" style="display: none;">
        <div class="comfirm" style="display: none;"><span class="closeBtn"></span>
          <div class="text">
            <div class="dous"></div>
            <div class="oper"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" charset="utf-8"></script>
  <script src="static/js/home.js" charset="utf-8"></script>
</body>

</html>
